<script setup>
// 在内联事件处理器中访问参数
function greet(msg, event) {
  // 这里可以访问原生事件
  if (event) {
    console.log(event.target, '=====')
  }
  alert(msg)
}

function parentJump() {
  console.log('父组件被点击了')
}
function childJump() {
  console.log('子组件被点击了')
}
</script>

<template>
  <!-- 使用特殊的 $event 变量 -->
  <button @click="greet('hello', $event)">Greet $event</button>
  <!-- 使用内联箭头函数 -->
  <button @click="(event) => greet('hello', event)">Greet 箭头函数</button>
  <br />
  <!--  -->
  <span @click.prevent.self="parentJump">
    <a href="" @click="childJump">跳转</a>
  </span>
</template>

<style></style>
